/* pages/recharge/recharge.scss */
.recharge-container {
    .account-balance {
        background-color: var(--primary-color);
        height: 288rpx;
        justify-content: center;
        color: #fff;
        font-size: 88rpx;
        text:first-child {
            font-size: 30rpx;
            color: #e7e4e9;
        }
    }
    .recharge-list {
        color: #999999;
        font-size: 30rpx;
        margin: 20rpx 0 0 20rpx;
        .list {
            margin-top: 20rpx;
            font-size: 26rpx;
            text-align: center;
            .recharge-item {
                float: left;
                background-color: #fff;
                width: 225rpx;
                border-radius: 10rpx;
                margin-right: 10rpx;
                margin-bottom: 10rpx;
                padding: 20rpx 0;
                border: var(--basic-border);
                view:first-child {
                    color: var(--primary-color);
                    font-size: 32rpx;
                }
            }
            .active {
                color: var(--primary-color) !important;
                box-shadow: 0 0 0 1px var(--primary-color);
            }
        }
    }

    .desc {
        clear: both;
        margin: 0 20rpx;
        font-size: 30rpx;
        line-height: 45rpx;
        color: #888888;
        text:first-child {
            font-weight: bold;
            line-height: 80rpx;
        }
    }

    .bottom {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: 130rpx;
        background-color: #fff;
        padding-top: 20rpx;
        .btn {
            border-radius: 50rpx;
            width: 700rpx;
            line-height: 80rpx;
            font-size: 30rpx;
            color: #fff;
            
        }
    }
}